<template>
  <demoBlock title="形状" padding class="demo-checkbox">
    <vcu-checkbox v-model="checked" shape="round">复选框</vcu-checkbox> <vcu-checkbox v-model="checked" shape="square">复选框</vcu-checkbox>
  </demoBlock>
</template>

<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const checked = ref(true);
    return {
      checked,
    };
  },
});
</script>
<style lang="less" scoped>
.demo-checkbox {
  .vcu-checkbox {
    margin-bottom: 10px;
  }
}
</style>